{extend name="common"}

{block name="content"}
	<div class="index-container"> <!--最外层 container -->
		<div class="index-top"><!--顶部图片-->
			<img src="/static/images/index_top.png" alt="">
		</div> 

		<div class="activity-category"><!--活动栏目-->
			<div class="category-item">
			    <img src="/static/images/match.png">
			    <div class="item-name">赛事</div>
			</div>
			<div class="category-item">
				<img src="/static/images/play.png">
				<div class="item-name">演出</div>
			</div>
			<div class="category-item">
			    <img src="/static/images/movie.png" alt="">
			    <div class="item-name">电影</div>
			</div>
			<div class="category-item">
			    <img src="/static/images/exibition.png" alt="">
			    <div class="item-name">展览</div>
			</div>
			<div class="category-item">
			    <img src="/static/images/parent.png" alt="">
			    <div class="item-name">亲子</div>
			</div>
		</div>
			
		<div class="news"><!--新闻头条-->
			<div class="index-header">
				<div class="header-title">
					看头条
				</div>
				<div class="header-more">更多 >></div>
			</div>
			<div class="news-content">
				{foreach $top as $v}
				    <div><a class="title" href="#">{$v->title}</a></div>
				{/foreach}
				<!-- <div><a class="title" href="#">大连沙河口景区一日游</a></div>
				<div><a class="title" href="#">大连沙河口景区一日游</a></div> -->
			</div>
		</div>

		<div class="news"> <!--热门赛事-->
			<div class="index-header">
				<div class="header-title">
					热门活动
				</div>
				<div class="header-more">更多>> </div>
			</div>

			<div class="hot-activity"> <!--热门赛事内容 图片-->
				<div> <img src="/static/images/hot-1.png" alt=""></div>
				<div> <img src="/static/images/hot-2.png" alt=""></div>
			</div>
		</div>

	</div> <!--/container-->
{/block}